page{
	background-color: #e8ecef;
}

uni-view{
	height: 100%;
}
/* 外层容器占满整个屏幕高度，纵向排列子元素 */
.page-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* 关键：确保容器高度至少为屏幕高度 */
}
.messige{
	/* 去掉原有的 height: 100%，改用 flex 填充剩余空间 */
	  flex: 1; /* 关键：占据父容器剩余的所有空间 */
	  display: flex;
	  flex-direction: column;
	  padding: 0 27rpx;
	  padding-top: 47rpx;
	  /* 若内容超出屏幕，允许滚动 */
	  overflow-y: auto; 
	.head{
		width: 100%;
		.xin{
			display: flex;
			margin-bottom: 31rpx;
			.img{
				width: 80rpx;
				height: 80rpx;
				margin-right: 25rpx;
				flex-shrink: 0; 
				image{
					width: 100%;
					height: 100%;
					border-radius: 50%;
					
				}
			}
			.xi{
				position: relative;
				padding-right: 94rpx;
				image{
					width: 305rpx;
					height: 208rpx;
					border-radius: 8rpx;
				}
				.bian{
					width: 175rpx;
					height: 307rpx;
				}
				.bige{
					display: inline-block;
					padding: 26rpx 17rpx;
					background-color: #fff;
					border-radius: 7rpx;
					word-wrap: break-word; /* 强制换行，避免内容溢出 */
					font-size: 27rpx;
				}
				.jiao{
					width: 0;
					height: 0;
				    border:15rpx solid transparent;
				    border-right: 15rpx solid #fff;
					position: absolute;
				    left: -24rpx;
					top: 15rpx;
				}
			}
		
		}
		.right{
			display: flex;
			flex-direction:row-reverse;
			position: relative;
			align-items: flex-end;
			.img{
				margin-left: 29rpx;
				margin-right: 0;
			}
			.xi{
				padding-right:0rpx;
				.bige{
					background-color: #60c696;
					color: #fff;
					text-align: right;
					font-size: 27rpx;
				}
				.rjiao{
					width: 0;
					height: 0;
					border:15rpx solid transparent;
					border-left: 15rpx solid #60c696;
					position: absolute;
					right: -24rpx;
					top: 15rpx;
				}
			}
			.read{
				height: 20rpx;
				font-size: 20rpx;
				color: #93989c;
				line-height: 20rpx;
				margin-right: 10rpx;
			}
		}
		.time{
			width: 162rpx;
			height: 40rpx;
			padding: 11rpx 14rpx;
			background-color: #c7cbce;
			text-align: center;
			line-height: 40rpx;
			border-radius: 7rpx;
			font-size: 20rpx;
			color: #ffffff;
			margin: 0 auto;
			margin-bottom: 21rpx;
		}
	}
	
}
.borrom{
	  height: 143rpx;
	  background-color: #f3f4f6;
	  /* 固定在视口底部，不受内容滚动影响 */
	  position: sticky; 
	  bottom: 0;
	  /* 避免被内容覆盖（若有需要） */
	  z-index: 10; 
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding: 0 27rpx;
	.text{
		width: 100%;
		height: 77rpx;
		background-color: #fff;
		display: flex;
		align-items: center;
		border-radius: 5rpx;
		margin-left: 19rpx;
		input{
			padding-left: 20rpx;
		}
	}
	.size{
		font-size: 52rpx;
		display: flex;
		align-items: center;
		margin-left: 19rpx;
	}
}